$(function() {
	let carouselSwiper = null;
	initSwiper();
	$(window).resize(initSwiper);
	function initSwiper () {
		carouselSwiper && carouselSwiper.destroy();
		$('#carousel').width($('.service-list').width());
		if ($(window).width() <= 750) {
			carouselSwiper = new Swiper('#carousel .swiper', {
				loop: true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				pagination: {
					el: '.swiper-pagination',
					//clickable :true,
				},
			});
		} else {

			let swiperCount = 4;
			
			const slideW = $('#carousel').width() / swiperCount;//一张图300px, 每面四张角度22.5（PI/8），中心角度PI/16
			$('#carousel  .swiper-slide').width(slideW);
			const radius = slideW*0.5/Math.sin(Math.PI/(swiperCount * swiperCount));//半径。圆心并不是视点中心，视点在1200px

			carouselSwiper = new Swiper('#carousel .swiper', {
				watchSlidesProgress: true,
				slidesPerView: 'auto',
				centeredSlides: false,
				loop: true,
				loopedSlides: swiperCount,
				grabCursor:true,
			//	autoplay: true,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				pagination: {
					el: '.swiper-pagination',
					//clickable :true,
				},
				on: {
					progress: function(swiper, progress) {
						for (i = 0; i < this.slides.length; i++) {
							var slide = this.slides.eq(i);
							var slideProgress = this.slides[i].progress;
							translateX = (slideProgress+1.5)*( slideW/3 - Math.cos((slideProgress+1.5)*0.125*Math.PI)*slideW*1.1/3) + 'px';//调整图片间距，根据图片宽度改变数值实现自适应
							rotateY = (slideProgress+1.5)*22.5 ;//图片角度
							translateZ = ( radius - Math.cos((slideProgress+1.5)*0.125*Math.PI)*radius - 150) + 'px';//调整图片远近，刚好4个在画框内
							slide.transform('translateX(' + translateX + ') translateZ(' + translateZ + ') rotateY(' + rotateY + 'deg)');

						}
					},
					setTransition: function(swiper, transition) {
						for (var i = 0; i < this.slides.length; i++) {
							var slide = this.slides.eq(i)
							slide.transition(transition);
						}

					}
				}

			})
		}
	}
})
